<template>
	<view class="container">
		<uni-list-chat v-for="(item,index) in names" :avatar-circle="true" :title="item" :avatar="images[index]" :note="messages[index]" :time="times[index]" ></uni-list-chat>
	</view>
</template>

<script setup>
	const name = "示例"
	const gridImage = "http://q.qlogo.cn/headimg_dl?dst_uin=2528152223&spec=640&img_type=jpg"
	const message="您收到一条新的消息"
	const time = "2020-02-02 20:20"
	const names = ["张三", "龙傲天", "熊大", "忘事儿", "艾草打", "奥萨德", "倒萨倒萨", "大苏打", "赵六", "前期"]
	const images = ["/static/images/1 (2).jpg", "/static/images/1 (3).jpg","/static/images/1 (4).jpg","/static/images/1 (5).jpg", "/static/images/1 (6).jpg", "/static/images/1 (7).jpg", "/static/images/1 (8).jpg", "/static/images/1 (9).jpg","/static/images/1 (10).jpg"
	]
	const messages=["我的信息什么时候出来","你好，我的病情严不严重","我还有救吗","我这个病几天能好啊","大夫，我还有救吗","明天几点能来就诊","感觉事情有点蹊跷，病情还有待观察",message]
	const times = [time,time,time,time,time,time,time,time,time,time]
	
</script>

<style>
	.container {
		background-color: white;
		padding: 20px;
		font-size: 14px;
		line-height: 24px;
	}
</style>